<template>
  <div>
    <div
      id="app-layout"
      class="scroll-to-top"
    >
      <div class="column promo-block">

        <div class="promo">
          <div class="promo-content">
            <h1 class="promo-title">
              StoneDT DataOS
            </h1>
            <h1 class="promo-title">
              思通数科·企业级大数据操作系统
            </h1>
            <ul class="promo-text-list">
              <li class="promo-text">
                  <p>面向AI的“数据汇聚”、“数据标记”和“数据应用”三方面核心能力，</p>
              </li>
              <li class="promo-text">
                  <p>DataOS连通底层基础设施与上层应用软件，为各类数据开发与数据应用</p>
              </li>
              <li class="promo-text">
                  <p>保驾护航，为用户提供高实时、高性能、高可用的数据时支撑。</p>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="column content-block scroll-to-top">
        

  <main
    id="swup"
    data-swup="0"
  >

      <div class="page-container transition-fade">
      
            <div class="body-content">

              <section class="title-section">
                <div class="title-div transition-translate-right">
                  <h2 class="title">欢迎使用！</h2>
                </div>
              </section>
              

              <section class="error-section">
              </section>

              <section class="internal-login-section fields-section">
                <form
                  default-form=""
                  method="POST"
                  role="form"
                  action="/account/login"
                >
                  <input
                    type="hidden"
                    name="BrowserId"
                  >

                  <div class="form-group text-field -930013358">
                    <div class="control-label">
                      <label for="Email">用户</label>
                      <span class="required-asterisk">*</span>
                    </div>
                    <div
                      class="form-control-container invalidator"
                      required="true"
                    >
                      <input
                        id="text-field--930013358"
                        class="form-control"
                        type="text"
                        value=""
                        required="true"
                        title="用户"
                      >
                        <div class="interactive-labels">
                          <p class="validation-error">
                            <span>Enter a valid Email address (e.g. john@example.com)</span>
                          </p>
                        </div>
                  </div>
                </div>

                <div class="form-group text-field -940267164">
                  <div class="control-label">
                    <label for="Password">密码</label>
                    <span class="required-asterisk">*</span>
                  </div>
                  <div
                    class="form-control-container invalidator"
                    required="true"
                  >
                    <input
                      id="text-field--940267164"
                      name="Password"
                      class="form-control"
                      type="password"
                      value=""
                      required="true"
                      useiconspace="true"
                      title="密码"
                    >
                      <!-- <div
                        class="btn eye-icon eye-open"
                        onclick="onPasswordEyeClick(this)"
                      ></div> -->
                      <div class="interactive-labels">
                        <p class="validation-error">
                          <span></span>
                        </p>
                        <div class="link-option">
                          <a
                            onclick="onFieldLinkOptionClick(this)"
                            href="#"
                          >
                            忘记密码?
                            </a>
                        </div>
                      </div>
                  </div>
                  </div>

                  <div class="form-group submit-button transition-translate-right">
                    <button
                      class="btn submit-btn btn-default"
                      type="button"
                      @click="btn"
                    >
                      <div class="submit-btn-loader"></div>
                      <span class="btn-text">登录</span>
                    </button>
                  </div>
                  <input
                    name="__RequestVerificationToken"
                    type="hidden"
                    value="CfDJ8L3mhZNKWdxFrU2pWw3kFYF_KxrwDHxoK82EybbV2D8RGaad4NhQL_U5Z8i_0VCS_J4oXg5g5fEK2SoxHdhk1SQV6-FXpkbekei5AE8KlRfiI-HxVZYTfw5rQ4Qwm0TImSGb7xvMWqWhaHRC7zD2BQI"
                  >
                </form>
              </section>
            </div>
            <div class="bottom">
              <div> © 2014-2022 南京涌亿思信息技术有限公司</div>
              <div class="bottom_btn" @click="license">开放源代码许可</div>
            </div>
          </div>
        </main>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    btn(){
      this.$router.push('/dashboard')
    },
    license(){
      this.$router.push('/license')
    }
  }
};
</script>
<style lang="scss" scoped>
@import url("./page_transition.css");
@import url("./layout.css");
@import url("./support.css");
@import url("./css2.css");
@import url("./dropdown.css");
@import url("./language_dropdown.css");
@import url("./link_image.css");
@import url("./link_paragraph.css");
@import url("./promo.css");
@import url("./recaptcha.css");
@import url("./registration_footer.css");
@import url("./social_provider.css");
@import url("./submit_button.css");
@import url("./text_field.css");
@import url("./text_area.css");

:root {
    --error-color: #ff442d;
}

* {
    font-family: "Roboto","Noto Sans JP",sans-serif;
}

*::placeholder {
    color: #a9b2ba
}

html {
    font-size: 16px !important;
    font-weight: 300;
}

body {
    overflow-x: hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:not([type="password"]),
textarea {
    font-weight: 300;
    letter-spacing: .5px;
}

input[type=number] {
    -moz-appearance: textfield;
}

.form-control:required {
    background-color: #e8f0fe;
}

.btn, a {
    cursor: pointer;
}

a {
    color: #4f8df9;
    font-weight: 200;
    text-decoration: none;
    transition: color .3s;
}

a:hover {
    color: #3f70c7;
}   

.hidden {
    display: none;
}
label{
  font-weight: normal;
  margin-bottom: .1rem;
}
.text-field .control-label .required-asterisk {
  margin-left: 3px;
    color: #ff442d;
}
.promo-title{
  font-size: 2.8rem;
  color: #ffffff;
}
.column.content-block{
  background-color: #ffffff;
}
.btn:hover {
    color: #ffffff;
}
.link-btn:not(.loading):hover {
    color: #3f70c7;
}
.text-field input.form-control{
  width: 100%;
  height: 39px;
}
.text-field .eye-icon{
  padding: inherit;
}
.text-field .interactive-labels {
    margin-top: -22px;
}
.bottom{
  position: absolute;
  bottom: 10px;
  min-width: 80%;
  font-size: 13px;
  color: #86a3be;
  text-align: center;
  display: flex;
  justify-content: space-between;
  .bottom_btn{
    cursor: pointer;
  }
  .bottom_btn:hover{
    color: #4f8df9;
  }
}
.form-group {
    margin: 30px auto;
}
</style>
